import React, { useEffect, useRef, useState } from 'react'
import Swiper from '../../components/Swiper'
import AOS from 'aos'
import 'aos/dist/aos.css'
import CountUp from 'react-countup';

export default function Index() {
  useEffect(() => {
    AOS.init() // 初始化 AOS
  }, [])

  return (
    <div className=''>
      {/* 可公共轮播图,如需所有页公都用轮播请删除其他页common_image块 */}
      <Swiper />
      {/* 关于我们 */}
      <div className='our'>
        {/* 左图 */}
        <div className="image" data-aos="fade-right">
          <img
            src="http://www.mxswch.cn/upload/20220818/59c82a8f1fcd4bd3b2889c5022cb7140.jpg"
            alt="公司简介"
          />
        </div>
        {/* 右文字内容 */}
        <div className="our_box" data-aos="fade-left">
          <span>铭信财税</span>
          <p>
            黑龙江铭信税务服务有限公司专注服务于中国民营企业的本地化，连锁化经营的财税服务机构。通过标准化流水线服务，利用&ldquo;互联网 + 财税新模式&rdquo;人工智能系统与哈尔滨、沈阳、北京、上海、天津、杭州、南京、广州、青岛、海口、厦门等地方分别联合设立服务站网点，为民营企业提供高标准的&ldquo;线上+线下&rdquo;财税......
          </p>
          <div className="our_more">
            <a href="http://www.mxswch.cn/e/action/ListInfo/?classid=9">了解更多</a>
            {/* 了解更多 */}
          </div>
        </div>
      </div>
      <div className='question'>
        <div className="index_title" data-aos="fade-down">
          <strong>一堆税务问题？利润越来越少</strong>
          <span>铭信财税，在线为您解答税务问题</span>
        </div>
        <div className="qubox">
          <div className="qu_box">
            <div className="box_1" data-aos="slide-right">
              <div className="qb">
                <p>
                  <span>财税风险梳理</span>
                  <span>民营企业的糊涂账，老板看不懂财务报表</span>
                  <span>偷税风险大</span>
                </p>
                <img src="http://www.mxswch.cn/static/index/img/003_1.png" alt="" />
              </div>
              <div className="qb">
                <p>
                  <span>筹划水平低</span>
                  <span>老板风险越来越大，财务部筹划</span>
                  <span>水平不足</span>
                </p>
                <img src="http://www.mxswch.cn/static/index/img/003_2.png" alt="" />
              </div>
              <div className="qb">
                <p>
                  <span>进项发票不足</span>
                  <span>下游要求越来越多，上游进项发</span>
                  <span>票不足</span>
                </p>
                <img src="http://www.mxswch.cn/static/index/img/003_3.png" alt="" />
              </div>
              <div className="qb">
                <p>
                  <span>企业社保</span>
                  <span>不懂优惠政策，公司白白多</span>
                  <span>交税</span>
                </p>
                <img src="http://www.mxswch.cn/static/index/img/003_4.png" alt="" />
              </div>
            </div>
            <div className="box_2"></div>
            <div className="box_3" data-aos="slide-left">
              <div className="qb">
                <img src="http://www.mxswch.cn/static/index/img/003_5.png" alt="" />
                <p>
                  <span>优惠政策</span>
                  <span>不懂优惠政策，多交赋税</span>
                </p>
              </div>
              <div className="qb">
                <img src="http://www.mxswch.cn/static/index/img/003_6.png" alt="" />
                <p>
                  <span>税负成本</span>
                  <span>税负成本成本攀升，利润虚高</span>
                </p>
              </div>
              <div className="qb">
                <img src="http://www.mxswch.cn/static/index/img/003_7.png" alt="" />
                <p>
                  <span>税务风险</span>
                  <span>老板公私不分，积留大量税务风险</span>
                </p>
              </div>
              <div className="qb">
                <img src="http://www.mxswch.cn/static/index/img/003_8.png" alt="" />
                <p>
                  <span>利润风险</span>
                  <span>多交税没利润，少交税风险大</span>
                </p>
              </div>
            </div>
          </div>
          <div className="more">
            <a href="http://www.mxswch.cn/index/Independent/13.html">
              <span>解决您的税务问题</span>
              <img src="http://www.mxswch.cn/static/index/img/005.png" alt="" />
            </a>
          </div>
        </div>
      </div>
      {/* 项目内容 */}
      <div className="product">
        <div className="index_title" data-aos="fade-down">
          <strong>不同税种纳税筹划方案</strong>
          <span>合理、合法、合规、安全</span>
        </div>
        <div className="pro_box" data-aos="fade-left">
          <a href="http://www.mxswch.cn/e/action/ListInfo/?classid=1">
            <div className="image">
              <img
                src="http://www.mxswch.cn/upload/20220818/af8ab3b4aeb55570c6e91b73b2d7fdd2.jpg"
                alt="工商服务"
              />
            </div>
            <strong>
              工商服务
              <p>
                <span>工商服务</span>
                <span
                >公司核名、企业工商年检、公司名称变更、公司注册地址变更、公司法人变更、公司股权转让、公司经营范围变更、工商变更、其他工商业务、工商执照注销、公司注册、公司证件补办、食品经营许可证代办、民办学校办学许可证</span
                >
              </p>
            </strong>
          </a>
          <a href="http://www.mxswch.cn/e/action/ListInfo/?classid=2">
            <div className="image">
              <img
                src="http://www.mxswch.cn/upload/20220818/e553981cb7a9cef519e9ebb4ea2bf5fb.jpg"
                alt="代理记账"
              />
            </div>
            <strong>
              代理记账
              <p>
                <span>代理记账</span>
                <span
                >个体工商户、小规模纳税人代理记账、个人独资企业、个人合伙企业、一般纳税人代理记账、梳理旧账、连锁企业代理记账、上市财务、高薪企业代理记账、服务外包、会计上门、出纳外包、薪酬管理、残保会申请</span
                >
              </p>
            </strong>
          </a>
          <a href="http://www.mxswch.cn/e/action/ListInfo/?classid=3">
            <div className="image">
              <img
                src="http://www.mxswch.cn/upload/20220818/c6ec3853c9bbe72fb366f37b8fd28af0.jpg"
                alt="税务代办"
              />
            </div>
            <strong>
              税务代办
              <p>
                <span>税务代办</span>
                <span
                >出口退税、税务异常处理、申请一般纳税人认定、增值税定项发票认证、企业所得税汇算清缴、税控盘托管、税务注销</span
                >
              </p>
            </strong>
          </a>
          <a href="http://www.mxswch.cn/e/action/ListInfo/?classid=4">
            <div className="image">
              <img
                src="http://www.mxswch.cn/upload/20220818/e203ce548ff9afa6320616e87ba4056b.jpg"
                alt="公司审计"
              />
            </div>
            <strong>
              公司审计
              <p>
                <span>公司审计</span>
                <span
                >审计明税查账、明税报表审计、企业税务咨询、汇算清缴审计、个人税务咨询、税务安全、验资报告、审计报告、注销清算报告、企业资产损失报告</span
                >
              </p>
            </strong>
          </a>
          <a href="http://www.mxswch.cn/e/action/ListInfo/?classid=5">
            <div className="image">
              <img
                src="http://www.mxswch.cn/upload/20220818/ee424981858f88ae01d39acf51e3477e.jpg"
                alt="财税顾问"
              />
            </div>
            <strong>
              财税顾问
              <p>
                <span>财税顾问</span>
                <span
                >转型企业顶层设计、财税风险梳理、老板报表设计、运营财务模式设计、股权结构设计、财务核算体系、成本管控体系、财务分析体系</span
                >
              </p>
            </strong>
          </a>
          <a href="http://www.mxswch.cn/e/action/ListInfo/?classid=6">
            <div className="image">
              <img
                src="http://www.mxswch.cn/upload/20220818/a6c3cda634416bb95ce4884538887e57.jpg"
                alt="税务筹划"
              />
            </div>
            <strong>
              税务筹划
              <p>
                <span>税务筹划</span>
                <span
                >避税筹划、节税筹划、转嫁筹划、实现涉税零风险、税收优惠政策</span
                >
              </p>
            </strong>
          </a>
        </div>
      </div>
      <div className="honor">
        <div className="index_title" data-aos="fade-down">
          <strong>荣誉资质</strong>
          <span>因为专业，所以信赖</span>
        </div>
        <div className="hon_box">
          <div className="swiper-container mySwiper2">
            <div className="swiper-wrapper">
              {/* swiper-slide循环位置 */}
              <a href="http://www.mxswch.cn/e/action/ListInfo/?classid=10" className="swiper-slide">
                <img
                  src="http://www.mxswch.cn/upload/20220818/46849d59d5d840cc85819ea8cf5b96cb.jpg"
                  alt="荣誉资质"
                />
                <span>荣誉资质</span>
              </a>
            </div>
          </div>
        </div>
      </div>
      {/* 滚动数字 */}
      <div className="number">
        <div className="num_box">
          <div className="num">
            <p>
              {/* 使用CountUp组件替换原来的静态数字，传入相应属性来控制滚动数字 */}
              <CountUp start={0} end={10000} duration={2000} delay={0}>
                {({ countUpRef, start }) => (
                  <span ref={countUpRef} className="timer" onClick={start}>0</span>
                )}
              </CountUp>
              <span>+</span>
            </p>
            <span>来自各领域的合作客户</span>
          </div>
          <div className="num">
            <p>
              <CountUp start={0} end={10} duration={100} delay={0}>
                {({ countUpRef, start }) => (
                  <span ref={countUpRef} className="timer" onClick={start}>0</span>
                )}
              </CountUp>
              <span>+</span>
            </p>
            <span>专业筹税经验</span>
          </div>
          <div className="num">
            <p>
              <CountUp start={0} end={98} duration={100} delay={0}>
                {({ countUpRef, start }) => (
                  <span ref={countUpRef} className="timer" onClick={start}>0</span>
                )}
              </CountUp>
              <span>%</span>
            </p>
            <span>客户好评</span>
          </div>
          <div className="num">
            <p>
              <CountUp start={0} end={100} duration={100} delay={0}>
                {({ countUpRef, start }) => (
                  <span ref={countUpRef} className="timer" onClick={start}>0</span>
                )}
              </CountUp>
              <span>%</span>
            </p>
            <span>税务筹划能力</span>
          </div>
        </div>
      </div>


      {/* 标题 */}
      <div className='new'>
        <div className="index_title" data-aos="fade-down" data-aos-offset="-230">
          <strong>丰富详尽的资讯</strong>
          <span>选择适合您的筹税专家全程服务，让您的节税安全无忧</span>
        </div>
        <div className="new_box" data-aos="fade-right" data-aos-offset="-230">
          <a href="/e/action/ShowInfo.php?classid=11&id=601" target="_blank">
            <div className="time">
              <span>12-16</span>
              <span>2024</span>
            </div>
            <div className="text">
              <span>申请办理增值税留抵退税，这些问答一定要</span>
              <p></p>
            </div>
          </a><a href="/e/action/ShowInfo.php?classid=11&id=600" target="_blank">
            <div className="time">
              <span>11-25</span>
              <span>2024</span>
            </div>
            <div className="text">
              <span>关注！2024年12月1日起全国推广应用“数</span>
              <p></p>
            </div>
          </a><a href="/e/action/ShowInfo.php?classid=11&id=599" target="_blank">
            <div className="time">
              <span>08-21</span>
              <span>2024</span>
            </div>
            <div className="text">
              <span>一文了解：企业以技术成果投资入股递延纳</span>
              <p></p>
            </div>
          </a><a href="/e/action/ShowInfo.php?classid=11&id=598" target="_blank">
            <div className="time">
              <span>08-21</span>
              <span>2024</span>
            </div>
            <div className="text">
              <span>企业股权收购如何享受企业所得税优惠政</span>
              <p></p>
            </div>
          </a><a href="/e/action/ShowInfo.php?classid=11&id=360" target="_blank">
            <div className="time">
              <span>06-08</span>
              <span>2024</span>
            </div>
            <div className="text">
              <span>不要过度解读！这只是一条“鱼”而已~</span>
              <p></p>
            </div>
          </a><a href="/e/action/ShowInfo.php?classid=11&id=361" target="_blank">
            <div className="time">
              <span>05-23</span>
              <span>2024</span>
            </div>
            <div className="text">
              <span>昆明上空现日晕景观</span>
              <p></p>
            </div>
          </a><a href="/e/action/ShowInfo.php?classid=11&id=362" target="_blank">
            <div className="time">
              <span>04-27</span>
              <span>2024</span>
            </div>
            <div className="text">
              <span>我驻菲使馆确认一中国公民在八打雁省潜</span>
              <p></p>
            </div>
          </a><a href="/e/action/ShowInfo.php?classid=11&id=363" target="_blank">
            <div className="time">
              <span>01-25</span>
              <span>2024</span>
            </div>
            <div className="text">
              <span>苏州健雄职业技术学院：产教融合助力区域</span>
              <p></p>
            </div>
          </a>
        </div>
        <div className="more">
          <a href="/e/action/ListInfo/?classid=11">
            <span>解决您的税务问题</span>
            <img src="/static/index/img/005.png" alt="" />
          </a>
        </div>
      </div>

      {/* <!-- 联系我们 --> */}
      <div className="contact">
        {/* <!-- 标题 --> */}
        <div className="index_title">
          <strong>联系我们在线咨询</strong>
          <span>进一步了解针对您的企业的解决方案</span>
        </div>
        <div className="con_box">
          <div className="box">
            <p>
              <span>联系电话:</span>
              <span>15590917000</span>
            </p>
            <img src="/src/assets/img/foot3.jpg" alt="" />
          </div>
          <div className="box">
            <p>
              <span>地址:</span>
              <span>黑龙江省佳木斯市向阳区青云街33号 </span>
            </p>
            <img src="/src/assets/img/foot1.jpg" alt="" />
          </div>
          <div className="box">
            <p>
              <span>邮箱:</span>
              <span>837038333@qq.com</span>
            </p>
            <img src="/src/assets/img/foot2.jpg" alt="" />
          </div>
        </div>
      </div>
    </div>
  )
}
